<template>
    <div>
       {{ user_list[index].name }}用户
    </div>
</template>
<script>
    export default {
        data() {
            return {
                user_list: [
                    {
                        id: 0,
                        name: '张三'
                    },
                    {
                        id: 1,
                        name: '李四'
                    },
                    {
                        id: 2,
                        name: '王二麻子'
                    }
                ],
                index: 0
            }
        },
        // 创建后的生命周期
        created(){
            // 使用$route对象
            /* 
                $route
                路由的信息对象
                匹配的是 我们再router/index.js里面配置的
                routes路由信息
            */
            //    取出 动态路由传递的参数 user_id
            // this.$route.params.user_id
            let id = this.$route.params.user_id;
            // 寻找当前的id在数据的什么位置
            let index = this.user_list.findIndex(item => item.id == id);
            if(index == -1){
                alert('此用户不存在');
            }else{
                this.index = index;
            }
        }
    }
</script>